<%--
  Created by IntelliJ IDEA .
  User: Baggio
  Date: 2017-11-13
  Time: 18:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>秀才官网首页</title>
    <%@ include file="/common/include-core.jsp" %>
    <%@ include file="/common/include-web.jsp" %>
    <link rel="stylesheet" href="/static/css/common/jquery.fullPage.css">
    <link rel="stylesheet" href="/static/css/index/web/index.css">
    <script src="/static/js/jquery/jquery-1.8.3.min.js"></script>
    <script src="http://cdn.staticfile.org/jquery-easing/1.3/jquery.easing.min.js"></script>

    <script type="text/javascript" src="/static/js/fullPages/fullPage_01.js"></script>
    <style>
        html, body {
            height: auto !important;
        }
    </style>

</head>
<body>
<script type="text/javascript" src="/static/js/index/index_web.js"></script>
<div class="content_box" id="fullpage">

    <%--第一屏--%>
    <div class="banner_01 banner section">
        <%--<img src="/static/images/index/web/banner_1.jpg" alt="" class="img_01">--%>
        <div class="head_box">
            <jsp:include page="${ctx}/common/webHead.html"/>
        </div>
        <div class="banner_introduce">
            <h3>秀才4G视频电话手表</h3>
            <h4>真科技 给小小探索家的用心礼物</h4>
            <ul>
                <li>视频电话/五重定位/SOS呼救</li>
                <li>语音聊天/双摄拍照/智能语音助手</li>
            </ul>
            <div class="button"><a href="">立即预约</a></div>
        </div>

    </div>
    <%--第二屏--%>
    <div class="banner_02 banner section">

        <div class="info">
            <h3 class="title_01 title">一键SOS</h3>
            <h3 class="title_01">四重防护全面开启</h3>
            <h4 class="title_02 title_t">长按SOS求救按键3秒钟</h4>
            <h4 class="title_02">便会启动四重安全防护，进行及时呼救</h4>
            <ul>
                <li>
                    <img src="/static/images/index/web/Location_02.png" alt="">
                    <span>发送位置</span>
                </li>
                <li>
                    <img src="/static/images/index/web/Call_for_help.png" alt="">
                    <span>SOS求救铃声</span>
                </li>
                <li>
                    <img src="/static/images/index/web/Sound_recording.png" alt="">
                    <span>30秒现场录音</span>
                </li>
                <li>
                    <img src="/static/images/index/web/Navigation.png" alt="">
                    <span>一键导航</span>
                </li>
            </ul>
        </div>
    </div>
    <%--第三屏--%>
    <div class="banner_03 banner section">
        <div class="info_box1">
            <div class="info_box2">
                <div class="info_box3">
                    <h3 class="title_01">沟通看得见 互动更方便</h3>
                    <h4>4G电话</h4>
                    <h5>支持移动4GNano-sim卡，腕上手表防丢失，双向电话快捷方便。</h5>
                    <h4>视频互动</h4>
                    <h5>像微信一样支持语音聊天，家庭成员互动更方便。</h5>
                    <h4>语音聊天</h4>
                    <h5>家长主动发起视频，随时随地看到宝贝。</h5>
                </div>
            </div>
        </div>


    </div>
    <%--第四屏--%>
    <div class="banner_04 banner section">
        <div class="info_box1">
            <h3 class="tit_01">多重定位</h3>
            <h3 class="tit_02">让孩子自由探索 家长安心无忧</h3>
            <div class="location_box">
                <div class="icon_box">
                    <img src="/static/images/index/web/Location_02.png" alt="">
                </div>
                <div class="location_introduce">
                    <h4>多重定位</h4>
                    <h5>
                        支持GPS ，LBS，北斗，WIFI，A-GPS多重定位，在<br>
                        父母手机上追踪手表当前定位
                    </h5>
                </div>
            </div>
            <div class="location_box">
                <div class="icon_box">
                    <img src="/static/images/index/web/Track_record.png" alt="">
                </div>
                <div class="location_introduce">
                    <h4>轨迹记录</h4>
                    <h5>
                        实时查看轨迹，可记录长达三个月历史轨迹，孩子去<br>
                        过哪儿一目了然
                    </h5>
                </div>
            </div>
            <div class="location_box">
                <div class="icon_box">
                    <img src="/static/images/index/web/path_of_particle.png" alt="">
                </div>
                <div class="location_introduce">
                    <h4>电子围栏</h4>
                    <h5>
                        设置200-2000米半径安全区域，孩子超出距离，即时<br>
                        即刻通知家长
                    </h5>
                </div>
            </div>
        </div>
    </div>
    <%--第五屏--%>
    <div class="banner_05 banner section">
        <div class="info_box">
            <h3>双摄像头 超大内存</h3>
            <h3>记录童年时光</h3>
            <h5 class="title_03">前后双摄像头，记录孩子探索的奇妙世界</h5>
            <h5>超大内存可存4000张照片</h5>
            <h5>更可以上传拍拍秀为宝贝的精彩照片点赞 </h5>
        </div>
    </div>
    <%--第六屏--%>
    <div class="banner_06 banner section">
        <div class="info_box">
            <div class="info_box_01">
                <h3>碰一碰交朋友</h3>
                <h3>快乐童年不孤单</h3>
                <h5 class="title_03">碰碰交友模式下，两个手表靠近，即可互加好友</h5>
                <h5>家长可以通过手机APP管理宝贝交友情况</h5>
            </div>
        </div>
    </div>
    <%--第七屏--%>
    <div class="banner_07 banner section">
        <div class="info_box">
            <div class="info_box_01">
                <img src="/static/images/index/web/banner_7.png" alt="">
            </div>
        </div>
    </div>
    <div class="banner_08 section fp-auto-height" id="section-footer">
        <div id="footer-text">
            <jsp:include page="${ctx}/common/webFoot.html"/>
        </div>

    </div>

</div>


</body>
</html>